<template>
	<!-- #ifdef MP-ALIPAY -->
	<view class="c-page" :style="{background: background}">
	<!-- #endif -->
		<!-- #ifndef MP-ALIPAY -->
		<view class="c-page">
		<!-- #endif -->
			<slot></slot>
			<!-- #ifdef MP-WEIXIN -->
			<cu-wx-privacy-pop ref="privacy-pop"></cu-wx-privacy-pop>
			<!-- #endif -->
		<!-- #ifdef MP-ALIPAY -->
		</view>
		<!-- #endif -->
	<!-- #ifndef MP-ALIPAY -->
	</view>
	<!-- #endif -->
</template>

<script>
	import CuWxPrivacyPop from "../cu-wx-privacy-pop/cu-wx-privacy-pop.vue";
	import ComponentMixin from "../../mixins/common-component-mixin.js";
	export default {
		components: {
			CuWxPrivacyPop
		},
		mixins: [ComponentMixin],
		name: "c-page",
		props: {
			// #ifdef MP-ALIPAY
			background: {
				type: String,
				default: "#f8f8f8"
			}
			// #endif
		},
		data() {
			return {};
		},
		methods: {
			_triggerPageShow() {
				// #ifdef MP-WEIXIN
				this._refPageShow(`privacy-pop`);
				// #endif
			},
			_triggerPageHide() {
				// #ifdef MP-WEIXIN
				this._refPageHide(`privacy-pop`);
				// #endif
			}
		}
	};
</script>

<style lang="scss">
	.c-page {
		font-size: 30rpx;
	}
</style>